<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .register {
            width: 800px;
            margin: 0 auto;
        }

        .register label {
            display: block;
            padding: 5px 0;
            /*height: 40px;*/
            /*line-height: 40px;*/
            /*border: 1px solid #000000;*/
        }
    </style>
</head>
<body>
<div class="register">
    <form action="/api/user/register" method="get">
        <h1>青春不常在，抓紧谈恋爱</h1>
        <hr>
        <label>
            昵称：
            <input type="text" name="nickname"    placeholder="请输入昵称">
        </label>
        <label>
            性别：
            <input type="radio" name="sex" checked value="男">男
            <input type="radio" name="sex" value="女">女
        </label>
        <label>
            所在城市：
            <select name="city" id="">
                <option value="">请选择</option>
                <option value="上海">上海</option>
                <option value="北京">北京</option>
                <option value="广州">广州</option>
            </select>
        </label>
        <label>
            婚姻状况：
            <input type="radio" name="marriage" value="未婚" checked>未婚
            <input type="radio" name="marriage" value="已婚">已婚
            <input type="radio" name="marriage" value="保密">保密
        </label>
        <label>
            喜欢的类型：
            <input type="checkbox" name="hobby" value="可爱" checked>可爱
            <input type="checkbox" name="hobby" value="帅哥">性感
            <input type="checkbox" name="hobby" value="美女">御姐
            <input type="checkbox" name="hobby" value="帅哥">萝莉
        </label>
        <label>
            个人简介：
            <textarea name="introduce" cols="30" rows="10"></textarea>
        </label>
        <label>
            <h3>我承诺：</h3>
            <ul>
                <li>年满18岁、单身</li>
                <li>抱着严肃的态度</li>
                <li>真诚寻找另一半</li>
            </ul>
            <input type="checkbox" name="agree" value="1"  checked>我已阅读并同意《用户协议》</input>
        </label>
        <label>
            <button type="submit"> 免费注册</button>
            <button type="reset"> 重置</button>
        </label>
    </form>
</div>
</body>
</html>
